<template>
    <div id="wrap">
      <img src="../assets/foreword/btn.png" alt @click="goto">
    </div>
</template>

<script>
export default {
  name: "Foreword",
  data() {
    return {};
  },
  methods: {
    goto() {
      this.$router.push({
        path: '/catalogue'
      })
    }
  },
};
</script>
<style lang="scss" scoped>
#wrap {
  width: 100%;
  height: 100%;
  background: url('../assets/foreword/bg.png') no-repeat center center;
  background-size: 100% 100%;
  box-sizing: border-box;
  position: relative;
  img {
    position: absolute;
    right: 43px;
    bottom: 36px;
    width: 141px;
  }
}
</style>
